<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Exemple de mise en page avec éléments fixes (3)</title>
	<style type="text/css">

	html, body {
		height: 100%;
		margin: 0; padding: 0;
	}
	html {
		font-size: 100%;
	}
	body {
		font-size: .9em;
		font-family: Georgia, Norasi, serif;
		color: black;
		background: white;
	}
	a {color: white; font-weight: bold; text-decoration: none;}
	a:hover, a:focus, a:active {color: crimson;}
	p, li {line-height: 1.4em;}


	div#page {
		position: relative;
		width: 750px;
		min-height: 100%;
		margin: 0 auto;
		background: #6cf;
	}
	div#contenu {
		padding: 1px 5px 50px 250px;
	}


	div#piedpage {
		position: fixed;
		bottom: 0; left: 0;
		width: 100%;
	}
	div#piedpage p {
		width: 730px;
		margin: 0 auto;
		padding: .5em 10px;
		border: solid black;
		border-width: 2px 0 0 0;
		background: #f96;
	}

	div#navigation {
		position: fixed;
		top: 0; left: 50%; margin-left: -375px;
		width: 200px;
		padding: 5px 10px;
		background: #f96;
		border: solid black;
		border-width: 0 2px 2px 2px;
	}
	div#navigation h1 {
		margin: 1em 0 .5em 0;
		font-size: 1.5em;
	}
	div#navigation h2 {
		margin: 1em 0 .5em 0;
		font-size: 1.1em;
	}
	div#navigation ul {
		margin: .5em 0;
		padding-left: 10px;
		list-style: none;
	}

	</style>
	<!--[if lte IE 6]><style type="text/css">
	/* Ces correctifs CSS s'appliqueront à Internet Explorer Windows
	versions 6 et inférieures uniquement */

	div#piedpage {
		position: absolute;
		bottom: 0; left: 0;
		width: 750px;
	}
	div#navigation {
		position: absolute;
		top: 0; left: 0;
		margin-left: 0;
	}
	div#contenu {zoom: 1;} /* Corrige un bug dans le placement du pied de page */

	</style><![endif]-->

</head>

<body>
<div id="page">

<div id="piedpage">
<p>Covert Prestige – <a href="http://www.covertprestige.info/ressources">ressources HTML et CSS</a></p>
</div>

<div id="navigation">
<h1>Menu du site</h1>
<h2>Lorem ipsum</h2>
<ul>
	<li><a href="#">Facer simul perpetua nec ex</a></li>

	<li><a href="#">Rebum essent accusam</a></li>
	<li><a href="#">Tale probo</a></li>
	<li><a href="#">Id semper temporibus</a></li>
</ul>
<h2>Dolor sit amet</h2>
<ul>
	<li><a href="#">Pertinax molestiae</a></li>
	<li><a href="#">Laboramus</a></li>

	<li><a href="#">An tempor regione</a></li>
</ul>
</div>

<div id="contenu">
<h1>Exemple de mise en page avec éléments fixes (3)</h1>

<p>Lorem ipsum facer simul perpetua nec ex, id mel diam populo perfecto. No sit novum error accusam. Sit homero convenire an, meis dolores aliquando ne cum. Ignota impetus luptatum ea est, vim tantas soleat philosophia at. Eu eum sint commune ocurreret.</p>

<p>Malis aliquam adversarium et sit, mucius rationibus conclusionemque qui te. Quo at enim etiam urbanitas, usu liber perfecto neglegentur an. Rebum essent accusam eos no, id molestiae philosophia reprehendunt nec. Nam ei tibique eleifend, et nec natum blandit. Tale probo congue usu et.</p>

<p>Eam id semper temporibus, ea utinam suscipit indoctum mel. Ocurreret maluisset eam eu, ex vim veri dicunt. No mea quodsi accusam, <a href="#">dictas aeterno eu</a> has. Scaevola urbanitas signiferumque sed ea, an nam unum labitur, ne quando persius minimum sit. Latine hendrerit te qui, ipsum menandri sed ex. Deseruisse incorrupte an eos, vim sale aperiam accommodare no. Error fabulas temporibus duo eu, nullam virtute invidunt qui in.</p>

<p>Cu qui adolescens scripserit, <a href="#">graeci philosophia</a> his et. Has ne iriure tritani copiosae. Omnis malorum expetendis ut qui, ea per dico veri labitur. Eum tritani minimum eu. Facete inciderint mei ei, alia civibus volutpat no est. Pertinax molestiae laboramus sed cu.</p>

<ul>
	<li>An tempor regione deserunt per</li>
	<li>Feugait aliquando rationibus qui id</li>
	<li>Sea veniam ceteros tincidunt no</li>

	<li>Sed ei lorem possit principes</li>
</ul>

<p>Eum ex dicat accumsan, sed partem salutatus id, nec no bonorum vituperatoribus luptatum. Sea modo recusabo at, ne legimus persecuti vix, sed et quod vitae eruditi. Nec in paulo integre intellegat, audire intellegat ut mei. Ex vel veri aeque theophrastus, aperiam insolens ad cum.</p>

<p>Ad stet hendrerit democritum pri. Sed ei lorem possit principes. In modo sint ullamcorper nec. Debet graece libris at mea, cu eos quidam feugiat, mei ex eius urbanitas posidonium. Ea mel mollis elaboraret.</p>

<p>Pericula signiferumque ea per. Id per adolescens dissentiet, alterum sanctus legimus ad his. Assum percipitur concludaturque his an, ei nam aliquid lobortis, esse pertinax adipiscing sea eu. Duo nullam doctus quaeque ne, ut labore placerat sea, cum nullam graeci intellegam et. Pri vidit oblique ut, vim ea latine vidisse, in integre nominati per.</p>

<p>Per id odio assentior, stet tota cu vim, at tibique minimum usu. In habemus scripserit has, vel in nostro nominavi fabellas. Eum ex possim commune intellegebat. Mei deleniti scriptorem ei, vel dico putant at, vim possit facilis sapientem at. Pro hinc novum suavitate ad, ne vis solum graecis scaevola. His ne saperet graecis nostrum, duo apeirian repudiare at, qui summo elitr in. Ignota invenire in pri, justo iracundia et sea.</p>

<p>Viris libris nam te. Atqui causae ex his, nam ut mollis omnium. Quot sadipscing id sit, zzril ignota timeam pro no. Doming adversarium mel ne, te qualisque splendide pri, ius altera delenit definiebas an. Saperet insolens sit no, <a href="#">tamquam voluptaria et sit</a>.</p>

<p>Feugait aliquando rationibus qui id. Eam ei putent epicuri delicata, labitur reprehendunt per an, ex vim vivendum contentiones. Id quo omnis altera comprehensam, id sea soleat oportere. Sea veniam ceteros tincidunt no. Ferri patrioque theophrastus ei eos, falli adversarium te cum. Sumo laudem ad mel, kasd oblique probatus ut eos.</p>

<p>Lorem ipsum facer simul perpetua nec ex, id mel diam populo perfecto. No sit novum error accusam. Sit homero convenire an, meis dolores aliquando ne cum. Ignota impetus luptatum ea est, vim tantas soleat philosophia at. Eu eum sint commune ocurreret.</p>

<p>Malis aliquam adversarium et sit, mucius rationibus conclusionemque qui te. Quo at enim etiam urbanitas, usu liber perfecto neglegentur an. Rebum essent accusam eos no, id molestiae philosophia reprehendunt nec. Nam ei tibique eleifend, et nec natum blandit. Tale probo congue usu et.</p>

<p>Eam id semper temporibus, ea utinam suscipit indoctum mel. Ocurreret maluisset eam eu, ex vim veri dicunt. No mea quodsi accusam, dictas aeterno eu has. Scaevola urbanitas signiferumque sed ea, an nam unum labitur, ne quando persius minimum sit. Latine hendrerit te qui, ipsum menandri sed ex. Deseruisse incorrupte an eos, vim sale aperiam accommodare no. Error fabulas temporibus duo eu, nullam virtute invidunt qui in.</p>

<p>Cu qui adolescens scripserit, graeci philosophia his et. Has ne iriure tritani copiosae. Omnis malorum expetendis ut qui, ea per dico veri labitur. Eum tritani minimum eu. Facete inciderint mei ei, alia civibus volutpat no est. Pertinax molestiae laboramus sed cu.</p>

<ul>
<li>An tempor regione deserunt per</li>
<li>Feugait aliquando rationibus qui id</li>
<li>Sea veniam ceteros tincidunt no</li>
<li>Sed ei lorem possit principes</li>
</ul>

<p>Eum ex dicat accumsan, sed partem salutatus id, nec no bonorum vituperatoribus luptatum. Sea modo recusabo at, ne legimus persecuti vix, sed et quod vitae eruditi. Nec in paulo integre intellegat, audire intellegat ut mei. Ex vel veri aeque theophrastus, aperiam insolens ad cum.</p>

<p>Ad stet hendrerit democritum pri. Sed ei lorem possit principes. In modo sint ullamcorper nec. Debet graece libris at mea, cu eos quidam feugiat, mei ex eius urbanitas posidonium. Ea mel mollis elaboraret.</p>

<p>Pericula signiferumque ea per. Id per adolescens dissentiet, alterum sanctus legimus ad his. Assum percipitur concludaturque his an, ei nam aliquid lobortis, esse pertinax adipiscing sea eu. Duo nullam doctus quaeque ne, ut labore placerat sea, cum nullam graeci intellegam et. Pri vidit oblique ut, vim ea latine vidisse, in integre nominati per.</p>

<p>Per id odio assentior, stet tota cu vim, at tibique minimum usu. In habemus scripserit has, vel in nostro nominavi fabellas. Eum ex possim commune intellegebat. Mei deleniti scriptorem ei, vel dico putant at, vim possit facilis sapientem at. Pro hinc novum suavitate ad, ne vis solum graecis scaevola. His ne saperet graecis nostrum, duo apeirian repudiare at, qui summo elitr in. Ignota invenire in pri, justo iracundia et sea.</p>

<p>Viris libris nam te. Atqui causae ex his, nam ut mollis omnium. Quot sadipscing id sit, zzril ignota timeam pro no. Doming adversarium mel ne, <a href="#">te qualisque splendide pri</a>, ius altera delenit definiebas an. Saperet insolens sit no, tamquam voluptaria et sit.</p>

<p>Feugait aliquando rationibus qui id. Eam ei putent epicuri delicata, labitur reprehendunt per an, ex vim vivendum contentiones. Id quo omnis altera comprehensam, id sea soleat oportere. Sea veniam ceteros tincidunt no. Ferri patrioque theophrastus ei eos, falli adversarium te cum. Sumo laudem ad mel, kasd oblique probatus ut eos.</p>
</div><!-- #contenu -->

</div><!-- #page -->

</body>
</html>
